<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>新闻列表</title>
    <link rel="stylesheet" href="css/chushihua.css">
    <link rel="stylesheet" href="css/List2.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/Goods.css">
    <link rel="icon" href="icn.ico">
</head>

<body>
    <!-- logo开始啦 -->
    <div class="logo w">
        <img src="images/logo.jpg" alt="" width="100%" height="100%">
    </div>
    <!-- logo结束啦 -->
    <!-- 导航栏开始啦 -->
    <div class="nav w">
        <ul>
            <li><a href="Home.html"> 主页</a></li>
            <li><a href="List1.html" target="_blank"> 新闻</a></li>
            <li><a href="#">金牌榜 </a></li>
            <li><a href="#"> 志愿者</a></li>
            <li><a href="#"> 冬奥项目</a></li>
            <li><a href="List2.html"> 奥运周边</a></li>
        </ul>
        <div class="search">
            <input type="text" placeholder="请输入关键词">
            <button><img src=" images/sousuo.png" alt="" width="70%"></button>
        </div>
        <!-- user用户模块 -->
        <div class="user">
            <img src="images/user.png" alt="" style="vertical-align: middle;">
            用户登录
        </div>
    </div>
    <!-- 导航栏结束啦 -->
    <!-- 商品详情页开始啦 -->
    <div class="shangpin_box w">
        <!-- 左边模块开始啦 -->
        <div class="shangpin_left">
            <div class="shangpin_lunbo">
                <div class="slide">

                    <input type="radio" name="sildeInput" value="0" id="sildeInput1" checked hidden />
                    <label for="sildeInput1">1</label>

                    <input type="radio" name="sildeInput" value="1" id="sildeInput2" hidden />
                    <label for="sildeInput2">2</label>

                    <input type="radio" name="sildeInput" value="1" id="sildeInput3" hidden />
                    <label for="sildeInput3">3</label>


                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 左边模块结束啦 -->
        <!-- 右边模块 -->
        <div class="shangpin_right">
            <div class="title1">金庸受到福斯的据《中国企业家》了解，近期京东正在进行一轮覆盖范围较广的人员优化，优化范围覆盖零售、物流、健康等多个主流板块。</div>
            <div class="jiage">
                <em>官方价格</em> <i>65</i> <span>降价通知</span><span class="left">累计销量<b>1万+</b></span>
            </div>
            <div class="dizhi">
                <form>
                    <label for="dizhi" class="peisongzhi">配送至：</label>
                    <select id="dizhi">
                        <option selected="selected">请选择以下三个派送地址</option>
                        <option>河北省石家庄正定新区</option>
                        <option>河北省石家庄奥体中心</option>
                        <option>河北省石家庄运河桥</option>
                    </select>
                </form>
                <p style="color: #ccc; font-size: 12px; margin-top: 10px;"> 金永恒 【现货】2022年虎年纪念币 生肖虎贺岁币 10元面值 第二轮生肖纪念币
                    硬币收藏 20枚整卷金永恒
                    【现货】2022年虎年纪念币 生肖虎贺岁币 10元面值 第二轮生肖纪念币 硬币收藏 20枚整卷</p>
                <div class="leixing"> <em>
                        类型选择：</em><span>5号字体</span><span>5号字体</span><span>5号字体</span><span>5号字体</span>
                </div>
                <div class="qugoumai">去购买>></div>
            </div>
        </div>
    </div>
    <!-- 商品详情页开始啦 -->
    <!-- 页脚 -->
    <div class="footer">
        <div class="w">
            <div class="copyright">
                <img src="images/logo2.png" alt="">
                <p>2022年北京冬奥会与您相约下一个荣誉盛典<br>
                    © 2022年XTCG Inc.保留所有权利。-京ICP备 03017311X-1 号</p>
                <a href="#" class="app">联系我们</a>
            </div>
            <div class="links">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">关于</a></dd>
                    <dd><a href="#">我的团队</a></dd>
                    <dd><a href="#">工作机会</a></dd>
                    <dd><a href="#">冬奥之旅</a></dd>
                    <dd><a href="#">微信公众号</a></dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><a href="#">关于</a></dd>
                    <dd><a href="#">我的团队</a></dd>
                    <dd><a href="#">工作机会</a></dd>
                    <dd><a href="#">冬奥之旅</a></dd>
                    <dd><a href="#">微信公众号</a></dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd><a href="#">关于</a></dd>
                    <dd><a href="#">我的团队</a></dd>
                    <dd><a href="#">工作机会</a></dd>
                    <dd><a href="#">冬奥之旅</a></dd>
                    <dd><a href="#">微信公众号</a></dd>
                </dl>
            </div>
        </div>
    </div>
</body>

</html>